html{
	widows: 100%;
	height: 100%;
}

body{
	widows: 100%;
	height: 100%;
}

.main_btn {
	width:144px;
	height:40px;
	line-height: 35px;
	background-clip:padding-box;
	border:2px solid #FFFFFF;
	padding-left:35px;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: 16px;
}

.index-body{
	height: 100%;
}

.main_box {
	width:100%;
	height: 100%;
}

.mask_layer {
	opacity: 0.6;
	background: #000000;
	z-index: 100;
	display: hidden;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.absolute_layer {
	position: absolute;
}

.teal_btn {
    background-color: #20c997;
}

.red_btn {
    background-color: #dc3545;
}

.orange_btn {
    background-color: #fd7e14;
}

.cyan_btn {
    background-color: #17a2b8;
}

.gray_btn {
    background-color: #6c757d;
}

.again_btn {
    background-image: url("./../icons/again.png");
}

.record_btn {
    background-image: url("./../icons/record.png");
}
.sound_btn {
    background-image: url("./../icons/sound.png");
}